import React from 'react';
import { Footer } from 'web-component';

export default () => {
  return (
    <div>
      <div
        style={{
          height: '150vh',
          fontSize: '0.16rem',
        }}
      >
        滚动至底部看看？
      </div>
      <Footer
        styles={{
          backgroundColor: '#000000',
          opacity: 0.5,
          // width: '50vw',
          // position: 'fixed',
          // bottom: 20,
          // left: 400,
          // paddingBottom: 0,
        }}
        block={{
          styles: {
            backgroundColor: 'green',
            // width: '50vw',
            // marginLeft: 400,
          },
        }}
        container={document.body}
      >
        <div
          style={{
            height: 88,
            fontSize: '0.16rem',
            color: 'red',
          }}
        >
          大帅比
        </div>
      </Footer>
    </div>
  );
};
